<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<script>
		function handleMessage(data) { 
			jQuery('.display').html(data);
		}
	</script>

</h:head>

<f:view>
	<h:body>
					<h:form id="form">  
					    <h:outputText id="out" value="#{globalCounterBean.count}" styleClass="ui-widget display" />  
					  
					    <br />  
					  
					    <p:commandButton value="Click" actionListener="#{globalCounterBean.increment}" />  
					</h:form>  
					  
					<p:socket onMessage="handleMessage" channel="/counter" />  
	  
	</h:body>
</f:view>
</html>